<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>demo-login</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="index.css">
</head>
<body>
<div class="box">
  <div class="box-from">
    <form action="http://www.baidu.com">
      <div class="s1">
        <h4>账号：</h4>
        <input name="user" type="text" placeholder="用户名/手机/邮箱">
      </div>
      <div class="s1">
        <h4>密码：</h4>
        <input name="password" type="password" placeholder="请输入密码...">
      </div>
      <div class="s2">
        <input type="checkbox">
        <span>记住密码</span>
      </div>
      <input type="submit" class="btn-submit" value="登 陆">
    </form>
  </div>
  <div class="box-footer">
    <div class="login-another">
      <a href="#">找回密码 </a>
      <span> | 还没有注册账号？ </span>
      <a href="#">立即注册</a>
    </div>
    <div class="login-three">
      <span>使用第三方账号直接登陆</span>
      <div class="login-three-icon">
<!--        <a href="#">-->
<!--          <img src="../../assets/images/login/wechart.png" alt="">-->
<!--        </a>-->
<!--        <a href="#">-->
<!--          <img src="../../assets/images/login/qq.png" alt="">-->
<!--        </a>-->
      </div>
    </div>
  </div>
</div>
</body>
</html>
